<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车 新鲜准时 就是幸福西饼-生日蛋糕/下午茶预订首选!</title>
    <link rel="shortcut icon" href="/images/favicon.ico">
    <link rel="stylesheet" href="/libs/font_1891523_kprb0iqp13/iconfont.css">
    <!-- <link rel="stylesheet" href="/libs/bootstrap/css/bootstrap.min.css"> -->
    <link rel="stylesheet" href="/css/list.css">
    <link rel="stylesheet" href="/css/shoppingcar.css">
    <script src="/libs/jquery-3.4.1.min.js"></script>
    <script src="/libs/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
    <div class="header"></div>
    
    <section>
        <div class="container">
            <div class="shopping" id="shopping_car">
              <table cellspacing="0" cellpadding="0">
                <thead class="nav_shop">
                    <tr>
                        <th width="160px">
                            <a href="javascript:;" id="edit">编辑</a>
                            <input type="checkbox" id="all-check">
                        </th>
                        <th width="310px">商品名称</th>
                        <th width="240px">原价</th>
                        <th width="90px">购买数量</th>
                        <th width="200px">单价</th>
                        <th width="200px">小计</th>
                    </tr>
                </thead>
                <tbody class="shop_cont" id="shop_tbody">
                  
                </tbody>
                <tfoot class="shop_submit">
                  <tr>
                      <td width="190px">
                          <input type="checkbox" id="selectAllBox" checked/>
                          <p id="All">
                              <a href="javaScript:;" id="clearAll">删除/</a>
                              <a href="javaScript:;" id="cancel">取消编辑</a>
                          </p>
                      </td>
                      <td width="800px">
                          <span>商品应付金额：</span>
                          <em>￥</em>
                          <span id="Paymoney"></span>
                      </td>
                      <td width="180px">
                          <a href="javaScript:;" id="indent">提交订单</a>
                      </td>
                  </tr>
                </tfoot>
              </table>
              <script type="text/html" id="cartTemplate">
                {{each cart shop}}
                <tr data-id="{{shop.id}}">
                  <td>
                    <label class="check-label">
                      <input type="checkbox" class="checks" {{ shop.checked && 'checked' }}/>
                      <span class="check-span">
                        <span class="check-item"></span>
                      </span>
                    </label>
                  </td>
                  <td>
                    <a href="/html/detail.html?id={{shop.id}}">
                      <img src="{{shop.img[0]}}" alt="">
                    </a>
                    <span>{{shop.title}}</span>
                  </td>
                  <td>
                    <span>{{shop.originPrice}}</span>
                  </td>
                  <td>
                    <a href="javaScript:;" class="minus">-</a>
                    <input type="text" value="{{shop.count}}">
                    <a href="javaScript:;" class="plus">+</a>
                  </td>
                  <td>{{shop.price}}</td>
                  <td>{{(shop.price*shop.count).toFixed(2)}}</td>
                </tr>
                {{/each}}
              </script>
            </div>
               

            <div class="empty" id="cart-empty">
                <p><i class="iconfont">&#xe618;</i>您的购物车还没有商品!</p>
                <a href="/index.html">返回首页</a>
                <a href="/html/list.html">去选款式</a>
            </div>
        </div>
    </section>
        
    <div class="footer"></div>
    <script src="/libs/require/require.min.js" data-main="/js/shoppingcar"></script>
</body>
</html>